<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>异步数据</title>
</head>
<body>

</body>
<script>

  /*
    同步操作：顺序执行
    console.log("step1");
    console.log("step2"); // 耗时操作，假死
    console.log("step3")
    */


  /*
  同步操作：非顺序执行 ---  提升用户体验
  */
  console.log("step1");

   window.setTimeout(function () {
       console.log("step2")
   },1000) // 异步模拟

  console.log("step3");



</script>
</html>